<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<section>
	<section class="vbox">
		<section class="scrollable padder-lg">
			<h2 class="font-thin m-b">Acoustic</h2>
			<div class="row row-sm">
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/m1.jpg" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Tempered
								Song</a> <a href="track-detail.html" data-bjax
								data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Miaow</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/m2.jpg" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Morbi
								id neque quam</a> <a href="track-detail.html" data-bjax
								data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Phasellus</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/a10.png" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Aliquam
								sollicitudin venenatis ipsum</a> <a href="track-detail.html"
								data-bjax data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Malesuada</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/m4.jpg" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Citudin
								venenatis ipsum ac</a> <a href="track-detail.html" data-bjax
								data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Volutpat</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/m5.jpg" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Vestibulum
								ullamcorper sodales nisi</a> <a href="track-detail.html" data-bjax
								data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Mauris
								Qiaos</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/m6.jpg" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Mauris
								convallis mauris at</a> <a href="track-detail.html" data-bjax
								data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Neque</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/m0.jpg" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Sodales
								nisi nec condimentum</a> <a href="track-detail.html" data-bjax
								data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Augue</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/m8.jpg" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Nisi
								nec condimentum</a> <a href="track-detail.html" data-bjax
								data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Miaow</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/m9.jpg" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Phasellus
								at ultricies nequ</a> <a href="track-detail.html" data-bjax
								data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Volutpat</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/m10.jpg" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Quis
								malesuada augue</a> <a href="track-detail.html" data-bjax
								data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Feugiat</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/m11.jpg" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Ipsum
								ac feugiat</a> <a href="track-detail.html" data-bjax
								data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Quam
								AC</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/m12.jpg" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Ullamcorper
								sodales nisi nec condimentu</a> <a href="track-detail.html"
								data-bjax data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Convallis</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/m13.jpg" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Tudin
								venenatis ulum ullamcorper</a> <a href="track-detail.html" data-bjax
								data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Pellent
								Esque</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/m14.jpg" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Sodales
								nisi nec condimentum</a> <a href="track-detail.html" data-bjax
								data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Utricies</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/m15.jpg" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Sec
								condimentum augue</a> <a href="track-detail.html" data-bjax
								data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Quis
								Fox</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/a9.png" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Dimentum
								at pellentesque volutpat</a> <a href="track-detail.html" data-bjax
								data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Suada</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/m16.jpg" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Natis
								ipsum ac feugiat</a> <a href="track-detail.html" data-bjax
								data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Monvallis</a>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
					<div class="item">
						<div class="pos-rlt">
							<div class="item-overlay opacity r r-2x bg-black">
								<div class="center text-center m-t-n">
									<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
								</div>
							</div>
							<a href="track-detail.html"><img src="images/m17.jpg" alt=""
								class="r r-2x img-full"></a>
						</div>
						<div class="padder-v">
							<a href="track-detail.html" data-bjax data-target="#bjax-target"
								data-el="#bjax-el" data-replace="true" class="text-ellipsis">Dimentum
								tesque volut icies neque</a> <a href="track-detail.html" data-bjax
								data-target="#bjax-target" data-el="#bjax-el"
								data-replace="true" class="text-ellipsis text-xs text-muted">Londi
								Mentum</a>
						</div>
					</div>
				</div>
			</div>
			<ul class="pagination pagination">
				<li><a href="#"><i class="fa fa-chevron-left"></i></a></li>
				<li class="active"><a href="#">1</a></li>
				<li><a href="#">2</a></li>
				<li><a href="#">3</a></li>
				<li><a href="#">4</a></li>
				<li><a href="#">5</a></li>
				<li><a href="#"><i class="fa fa-chevron-right"></i></a></li>
			</ul>
		</section>
	</section>
</section>
